<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="renderer" content="webkit">
		<link href="../../css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../../js/jquery-easyui-1.4.4/themes/bootstrap/easyui.css">
		<link rel="stylesheet" href="../../js/jquery-easyui-1.4.4/themes/icon.css">
		<link rel="stylesheet" href="../../css/ext_icon.css">
		<script src="../../js/jquery-easyui-1.4.4/jquery.min.js"></script>
		<script src="../../js/bootstrap.min.js"></script>
		<script src="../../js/jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
		<script src="../../js/jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>
		<script src="../../js/ext_jquery.js"></script>
		<script src="../../js/ext_easyui.js"></script>
		<script src="../../js/jquery.form.js"></script>
		<script src="../../js/My97DatePicker/WdatePicker.js"></script>
		<script src="../../js/Chart.min.js"></script>
		<script src="../../js/util.js"></script>
		<script src="../../js/ckeditor/ckeditor.js"></script>
		<link rel="stylesheet" href="../../css/style.css">
		<script src="../../js/main.js"></script>
		<title></title>
		<style>
			img {
				min-width: 200px;
				max-width: 400px;
			}
		</style>
	</head>

	<body>
		<script>
			$(function() {
				var submitForm = $('.form-table');
				var options = {
					dataType: 'json',
					beforeSubmit: function() {
						if (!submitForm.form('enableValidation').form('validate')) {
							parent.$.messager.progress('close');
							return false;
						}
						parent.$.messager.progress({
							title: '提示',
							text: '数据保存中，请稍后....'
						});
						return true;
					},
					success: function(result) {
						parent.$.messager.progress('close');
						if (result.success) {
							parent.$.messager.show({
								title: '提示',
								msg: '修改成功!',
								timeout: 3000
							});
							parent.$.modalDialog.openner_dataGrid
								.datagrid('reload'); //刷新表格
							parent.$.modalDialog.handler.dialog('close');
							//removeTabs();
						} else {
							parent.$.messager.alert('错误', result.msg, 'error');
						}
					}
				};
				submitForm.bind('submit', function(e) {
					e.preventDefault(); // <-- important
					$(this).ajaxSubmit(options);
				});
			});

			function submitForm() {
				//$('.form-table').submit();
				parent.$.messager.progress({
					title: '提示',
					text: '数据保存中，请稍后....'
				});
				setTimeout(function() {
					parent.$.messager.progress('close');
					parent.$.messager.show({
						title: '提示',
						msg: '修改成功!',
						timeout: 3000
					});
					removeTabs();
				}, 1200);
			}
		</script>
		<form class="form-table" style="width: 90%;" action="" method="post">
			<table class="table table-bordered table-condensed">
				<tr>
					<th width="20%">员工编号：</th>
					<td colspan="3"><input class="easyui-textbox" name="name" data-options="prompt:'输入员工编号',required:true" style="width: 100%; height: 30px;" value="134543"></td>
				</tr>
				<tr>
					<th width="20%">身份证号码：</th>
					<td width="30%"><input class="easyui-textbox" name="name" data-options="prompt:'输入身份证号码',required:true,validType:'idcard'" style="width: 100%; height: 30px;" value="443212578512442222"></td>
					<th width="20%">姓名：</th>
					<td width="30%"><input class="easyui-textbox" name="name" data-options="prompt:'输入姓名',required:true,validType:'CHS'" style="width: 100%; height: 30px;" value="房价跌进啊"></td>
				</tr>
				<tr>
					<th>性别：</th>
					<td>
						<select class="easyui-combobox" data-options="required:true,
								panelHeight:'auto',
								editable:false" style="width: 100%;height: 30px;">
							<option value="0">男</option>
							<option value="1">女</option>
						</select></td>
					<th>出生日期：</th>
					<td>
						<input class="easyui-datebox" data-options="required:true,editable:false,
								sharedCalendar:'#cc'" style="width: 100%;height: 30px;" value="1990-01-01"></td>
				</tr>
				<tr>
					<th>手机号码：</th>
					<td><input class="easyui-numberbox" name="d" data-options="prompt:'输入手机号码',required:true,validType:'mobile'" style="width: 100%; height: 30px;" value="13224684653"></td>
					<th>学历：</th>
					<td>
						<input class="easyui-combobox" data-options="required:true,
								panelHeight:'auto',
								editable:false,
								data:[{'id':'1','name':'小学及以下'},{'id':'2','name':'初中'},{'id':'3','name':'高中'},{'id':'4','name':'中专'},{'id':'5','name':'大专'},{'id':'6','name':'本科','selected':true},{'id':'7','name':'研究生'},{'id':'8','name':'博士及以上'}],
								valueField:'id',
								textField:'name'" style="width: 100%;height: 30px;"></td>
				</tr>
				<tr>
					<th>家庭地址：</th>
					<td colspan="3"><input class="easyui-textbox" name="add" data-options="prompt:'输入家庭地址',required:true" style="width: 100%; height: 30px;" value="广东顺德"></td>
				</tr>
				<tr>
					<th>现居住地：</th>
					<td colspan="3"><input class="easyui-textbox" name="add" data-options="prompt:'输入现居住地',required:true" style="width: 100%; height: 30px;" value="广东顺德"></td>
				</tr>
				<tr>
					<th rowspan="2">身份证：</th>
					<td colspan="3"><img src="../../img/2-1.jpg"></td>
				</tr>
				<tr>
					<td colspan="3"><input class="easyui-filebox" data-options="
								prompt:'不上传即不修改',
								buttonText:'上传修改',
								icons: [{
									iconCls:'icon-clear',
									handler: function(e){
										$(e.data.target).textbox('clear');
										}
									}]" style="width: 100%;height: 30px;"></td>
				</tr>
				<tr>
					<th>职位：</th>
					<td><input class="easyui-textbox" name="d" data-options="prompt:'输入职位',required:true" style="width: 100%; height: 30px;" value="销售员"></td>
					<th>邮箱：</th>
					<td><input class="easyui-textbox" name="add" data-options="prompt:'输入邮箱',required:true" style="width: 100%; height: 30px;" value="sayu@daf.com"></td>
				</tr>
				<tr>
					<th>备注：</th>
					<td colspan="3"><textarea name="description" class="form-control" rows="3">优秀员工</textarea></td>
				</tr>
			</table>
		</form>
		<div style="text-align: center;padding-bottom: 10px;">
			<a href="javascript:void(0);" class="btn btn-primary" role="button" onclick="submitForm();return false;">提&nbsp;&nbsp;&nbsp;&nbsp;交</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="javascript:void(0);" class="btn btn-primary" role="button" onclick="removeTabs();">返&nbsp;&nbsp;&nbsp;&nbsp;回</a>
		</div>
		<div id="cc" class="easyui-calendar"></div>
	</body>

</html>